<template>
  <div
    class="
      w-full
      bg-red-50
      h-screen
      flex-col
      overflow-auto
      items-center
      flex
      pb-20
    "
  >
    <title-bar class="flex-shrink-0"></title-bar>
    <search-bar class="flex-shrink-0"></search-bar>
    <article-content class="flex-shrink-0"></article-content>
  </div>
</template>
<script>
// import axios from "axios";
import TitleBar from "../components/TitleBar.vue";
import SearchBar from "../components/SearchBar.vue";
import ArticleContent from "../components/ArticleContent.vue";

export default {
  name: "Content",
  data() {
    return {
    };
  },
  computed: {},
  methods: {
    showinfo: function () {
      console.log(this.nowUserInfo);
    },
  },
  components: {
    TitleBar,
    SearchBar,
    ArticleContent,
  },
  props: {
    // nowUserinfo: {
    //   type: Object,
    //   default: () => ({
    //   }),
    // },
  },
  mounted() {
    // console.log("cao");
    // let _this = this;
    // console.log(_this._props, 9999);
  },
};
</script>
<style scoped>
</style>